import * as React from 'react'

export const Select = () => (
  <svg viewBox="0 0 320 512" height="14px">
    <path d="M302.189 329.126H196.105l55.831 135.993c3.889 9.428-.555 19.999-9.444 23.999l-49.165 21.427c-9.165 4-19.443-.571-23.332-9.714l-53.053-129.136-86.664 89.138C18.729 472.71 0 463.554 0 447.977V18.299C0 1.899 19.921-6.096 30.277 5.443l284.412 292.542c11.472 11.179 3.007 31.141-12.5 31.141z"></path>
  </svg>
)

export const Rect = () => (
  <svg
    height="14px"
    aria-hidden="true"
    focusable="false"
    role="img"
    viewBox="0 0 448 512"
  >
    <path d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48z"></path>
  </svg>
)
export const Rect2 = () => (
  <svg
    height="14px"
    aria-hidden="true"
    focusable="false"
    role="img"
    viewBox="0 0 223.646 223.646"
  >
    <path d="M111.823 0L16.622 111.823 111.823 223.646 207.025 111.823z"></path>
  </svg>
)
export const Ellipse = () => (
  <svg
    height="14px"
    aria-hidden="true"
    focusable="false"
    role="img"
    viewBox="0 0 512 512"
  >
    <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path>
  </svg>
)
export const Line = () => (
  <svg
    height="14px"
    aria-hidden="true"
    focusable="false"
    role="img"
    viewBox="0 0 6 6"
  >
    <line
      x1="0"
      y1="3"
      x2="6"
      y2="3"
      stroke="#000"
      strokeLinecap="round"
    ></line>
  </svg>
)
export const Text = () => (
  <svg
    height="14px"
    aria-hidden="true"
    focusable="false"
    role="img"
    viewBox="0 0 448 512"
  >
    <path
      d="M432 416h-23.41L277.88 53.69A32 32 0 0 0 247.58 32h-47.16a32 32 0 0 0-30.3 
      21.69L39.41 416H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-32a16 16 0 0 
      0-16-16h-19.58l23.3-64h152.56l23.3 64H304a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h128a16 16 0 
      0 0 16-16v-32a16 16 0 0 0-16-16zM176.85 272L224 142.51 271.15 272z"
    ></path>
  </svg>
)
export const Eraser = () => (
  <svg
    aria-hidden="true"
    focusable="false"
    role="img"
    height="14px"
    viewBox="0 0 17 16"
  >
    <g stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
      <g transform="translate(1.000000, 0.000000)" fill="#000">
        <path d="M8.932,13.014 L2.958,7.039 L9.84,0.158 C10.162,-0.167 10.696,-0.156 11.031,0.18 L15.793,4.939 C16.127,5.275 16.138,5.808 15.814,6.13 L8.932,13.014 L8.932,13.014 Z"></path>
        <path d="M7.963,14.11 C6.381,15.693 2.529,14.41 0.861,12.742 C-0.805,11.075 0.341,9.655 1.924,8.072 L7.963,14.11 L7.963,14.11 Z"></path>
      </g>
    </g>
  </svg>
)

export const Pencil = () => (
  <svg width="25px" height="25px" viewBox="0 0 72.818 72.814">
    <path
      fill="#1B1819"
      d="M56.037,27.466l-0.604,0.604L43.391,16.028l0.604-0.604c1.846-1.846,4.849-1.846,6.691,0.001l5.35,5.353
        C57.881,22.621,57.883,25.622,56.037,27.466z M39.51,19.972l12.004,12.006L40.754,42.735c-0.037,0.039-0.082,0.065-0.121,0.102
        c-0.024,0.035-0.036,0.071-0.067,0.103c-0.979,0.977-2.103,1.538-3.17,1.581l-10.563,1.923c-0.498,0-0.951-0.204-1.278-0.531
        c-0.33-0.328-0.533-0.781-0.533-1.281l0.012-0.124l1.817-10.286c0.055-1.271,0.896-2.548,1.674-3.325
        c0.064-0.063,0.137-0.107,0.213-0.143c0.008-0.006,0.012-0.016,0.018-0.021L39.51,19.972z M37.93,42.98l-9.477-9.478
        c-0.112,0.289-0.183,0.566-0.188,0.812l-0.011,0.104l-0.729,4.121l0.229,0.229l1.942,1.941l2.824,2.823l0.219,0.22l4.564-0.65
        C37.504,43.099,37.717,43.049,37.93,42.98z M40.94,18.54l12.004,12.004l1.154-1.152L42.092,17.386L40.94,18.54z M27.406,53.06
        l-6.592-2.819l1.506-0.604c0.77-0.31,1.143-1.183,0.834-1.95c-0.309-0.771-1.18-1.143-1.949-0.834l-4.867,1.95
        c-0.562,0.227-0.936,0.77-0.939,1.375c-0.008,0.606,0.354,1.157,0.91,1.396l6.592,2.819l-3.721,1.49
        c-0.771,0.311-1.145,1.184-0.834,1.951c0.232,0.586,0.797,0.94,1.393,0.94c0.188,0,0.375-0.034,0.56-0.106l7.082-2.84
        c0.562-0.228,0.937-0.77,0.94-1.377C28.324,53.849,27.965,53.299,27.406,53.06z"
    />
  </svg>
)

export const Close = () => (
  <svg
    aria-hidden="true"
    focusable="false"
    role="img"
    x="0px"
    y="0px"
    width="20px"
    height="20px"
    viewBox="0 0 64 64"
  >
    <g>
      <path
        d="M36.243,32l11.879-11.879C48.664,19.579,49,18.828,49,18c0-1.657-1.343-3-3-3c-0.828,0-1.578,0.336-2.121,0.879
              L32,27.757L20.121,15.879C19.578,15.336,18.828,15,18,15c-1.657,0-3,1.343-3,3c0,0.828,0.336,1.578,0.879,2.121L27.757,32
              L15.879,43.879C15.336,44.422,15,45.172,15,46c0,1.657,1.343,3,3,3c0.828,0,1.578-0.336,2.121-0.879L32,36.243l11.879,11.879
              C44.422,48.664,45.172,49,46,49c1.657,0,3-1.343,3-3c0-0.828-0.336-1.578-0.879-2.121L36.243,32z"
      />
    </g>
  </svg>
)

export const Add = () => (
  <svg
    aria-hidden="true"
    focusable="false"
    role="img"
    viewBox="0 0 492 492"
    width="13px"
    height="13px"
  >
    <path d="M465.064,207.566l0.028,0H284.436V27.25c0-14.84-12.016-27.248-26.856-27.248h-23.116    c-14.836,0-26.904,12.408-26.904,27.248v180.316H26.908c-14.832,0-26.908,12-26.908,26.844v23.248    c0,14.832,12.072,26.78,26.908,26.78h180.656v180.968c0,14.832,12.064,26.592,26.904,26.592h23.116    c14.84,0,26.856-11.764,26.856-26.592V284.438h180.624c14.84,0,26.936-11.952,26.936-26.78V234.41    C492,219.566,479.904,207.566,465.064,207.566z" />
  </svg>
)

export const Minus = () => (
  <svg
    aria-hidden="true"
    focusable="false"
    role="img"
    viewBox="0 0 492 492"
    width="13px"
    height="13px"
  >
    <path d="M465.064,207.562H26.908C12.076,207.562,0,219.698,0,234.53v22.804c0,14.832,12.072,27.104,26.908,27.104h438.156    c14.84,0,26.936-12.272,26.936-27.104V234.53C492,219.698,479.904,207.562,465.064,207.562z" />
  </svg>
)

export const Right = () => (
  <svg
    aria-hidden="true"
    focusable="false"
    role="img"
    width="13px"
    height="13px"
    viewBox="0 0 492.004 492.004"
  >
    <g>
      <path
        d="M382.678,226.804L163.73,7.86C158.666,2.792,151.906,0,144.698,0s-13.968,2.792-19.032,7.86l-16.124,16.12
          c-10.492,10.504-10.492,27.576,0,38.064L293.398,245.9l-184.06,184.06c-5.064,5.068-7.86,11.824-7.86,19.028 
          c0,7.212,2.796,13.968,7.86,19.04l16.124,16.116c5.068,5.068,11.824,7.86,19.032,7.86s13.968-2.792,19.032-7.86L382.678,265 
          c5.076-5.084,7.864-11.872,7.848-19.088C390.542,238.668,387.754,231.884,382.678,226.804z"
      />
    </g>
  </svg>
)

export const Left = () => (
  <svg
    aria-hidden="true"
    focusable="false"
    role="img"
    width="13px"
    height="13px"
    viewBox="0 0 492 492"
  >
    <g>
      <path
        d="M198.608,246.104L382.664,62.04c5.068-5.056,7.856-11.816,7.856-19.024c0-7.212-2.788-13.968-7.856-19.032l-16.128-16.12 
          C361.476,2.792,354.712,0,347.504,0s-13.964,2.792-19.028,7.864L109.328,227.008c-5.084,5.08-7.868,11.868-7.848,19.084 
          c-0.02,7.248,2.76,14.028,7.848,19.112l218.944,218.932c5.064,5.072,11.82,7.864,19.032,7.864c7.208,0,13.964-2.792,19.032-7.864 
          l16.124-16.12c10.492-10.492,10.492-27.572,0-38.06L198.608,246.104z"
      />
    </g>
  </svg>
)

export const Revert = () => (
  <svg
    width="13px"
    height="13px"
    aria-hidden="true"
    focusable="false"
    viewBox="0 0 1024 1024"
  >
    <path
      strokeWidth="40"
      d="M148 560a318 318 0 0 0 522 110 316 316 0 0 0 0-450 316 316 0 0 0-450 0c-11 11-21 22-30 34v4h47c25 0 46 21 46 46s-21 45-46 
        45H90c-13 0-25-6-33-14-9-9-14-20-14-33V156c0-25 20-45 45-45s45 20 45 45v32l1 1a401 401 0 0 1 623 509l212 212a42 42 0 0 1-59 
        59L698 757A401 401 0 0 1 65 570a42 42 0 0 1 83-10z"
    ></path>
  </svg>
)

export const Arrow = () => (
  <svg
    viewBox="0 0 492 492"
    height="14px"
    aria-hidden="true"
    focusable="false"
    role="img"
  >
    <path
      d="M464.344,207.418l0.768,0.168H135.888l103.496-103.724c5.068-5.064,7.848-11.924,7.848-19.124
        c0-7.2-2.78-14.012-7.848-19.088L223.28,49.538c-5.064-5.064-11.812-7.864-19.008-7.864c-7.2,0-13.952,2.78-19.016,7.844
        L7.844,226.914C2.76,231.998-0.02,238.77,0,245.974c-0.02,7.244,2.76,14.02,7.844,19.096l177.412,177.412 
        c5.064,5.06,11.812,7.844,19.016,7.844c7.196,0,13.944-2.788,19.008-7.844l16.104-16.112c5.068-5.056,7.848-11.808,7.848-19.008
        c0-7.196-2.78-13.592-7.848-18.652L134.72,284.406h329.992c14.828,0,27.288-12.78,27.288-27.6v-22.788
        C492,219.198,479.172,207.418,464.344,207.418z"
    />
  </svg>
)

export const Delete = () => (
  <svg height="14px" viewBox="0 0 26 32">
    <g transform="translate(-259.000000, -203.000000)">
      <path
        d="M282,211 L262,211 C261.448,211 261,210.553 261,210 C261,209.448 261.448,209 262,209 L282,209 
          C282.552,209 283,209.448 283,210 C283,210.553 282.552,211 282,211 L282,211 Z M281,231 C281,232.104 280.104,233 279,233 L265,233 
          C263.896,233 263,232.104 263,231 L263,213 L281,213 L281,231 L281,231 Z M269,206 C269,205.447 269.448,205 270,205 L274,205 
          C274.552,205 275,205.447 275,206 L275,207 L269,207 L269,206 L269,206 Z M283,207 L277,207 L277,205 C277,203.896 276.104,203 275,203 
          L269,203 C267.896,203 267,203.896 267,205 L267,207 L261,207 C259.896,207 259,207.896 259,209 L259,211 C259,212.104 259.896,213 261,213 
          L261,231 C261,233.209 262.791,235 265,235 L279,235 C281.209,235 283,233.209 283,231 L283,213 C284.104,213 285,212.104 285,211 L285,209 
          C285,207.896 284.104,207 283,207 L283,207 Z M272,231 C272.552,231 273,230.553 273,230 L273,218 C273,217.448 272.552,217 272,217 
          C271.448,217 271,217.448 271,218 L271,230 C271,230.553 271.448,231 272,231 L272,231 Z M267,231 C267.552,231 268,230.553 268,230 
          L268,218 C268,217.448 267.552,217 267,217 C266.448,217 266,217.448 266,218 L266,230 C266,230.553 266.448,231 267,231 L267,231 
          Z M277,231 C277.552,231 278,230.553 278,230 L278,218 C278,217.448 277.552,217 277,217 C276.448,217 276,217.448 276,218 L276,230 
          C276,230.553 276.448,231 277,231 L277,231 Z"
      ></path>
    </g>
  </svg>
)

export const Bold = () => (
  <svg height="15px" viewBox="0 0 512 512">
    <path
      d="M353.94 242.326c18.749-22.271 30.060-51.004 30.060-82.326 0-70.58-57.421-128-128-128h-160v448h192c70.579 0 128-57.421 128-128 0-46.478-24.899-87.248-62.060-109.674zM192 96h50.75c27.984 0 50.75 28.71 50.75 64s-22.766 64-50.75 64h-50.75v-128zM271.5 416h-79.5v-128h79.5c29.225 0 53 28.71 53 64s-23.775 64-53 64z"
      fill="#000000"
    />
  </svg>
)

export const Italic = () => (
  <svg height="14px" viewBox="0 0 12 16" enable-background="new 0 0 12 16">
    <polygon points="3,0 3.007,0.984 5,0.984 2,14.965 0.007,14.965 0,16 9,16 9,14.965 7.023,14.965 10.023,0.984 12,0.984 12,0 " />
  </svg>
)

export const Undo = () => (
  <svg width="14px" height="14px" viewBox="0 0 512 512">
    <path
      d="M380.931 512c56.863-103.016 66.444-260.153-156.931-254.912v126.912l-192-192 192-192v124.186c267.481-6.971 297.285 236.107 156.931 387.814z"
      fill="#000000"
    />
  </svg>
)

export const Redo = () => (
  <svg height="14px" viewBox="0 0 512 512">
    <path
      d="M288 124.186v-124.186l192 192-192 192v-126.912c-223.375-5.241-213.794 151.896-156.93 254.912-140.356-151.707-110.55-394.785 156.93-387.814z"
      fill="#000000"
    />
  </svg>
)

export const Image = () => (
  <svg
    height="22px"
    viewBox="174.5 104.5 50 50"
    enable-background="new 174.5 104.5 50 50"
  >
    <path
      d="M215.25,115.25h-31.5c-1.104,0-2,0.896-2,2v24.5c0,1.104,0.896,2,2,2h31.5c1.104,0,2-0.896,2-2v-24.5
	C217.25,116.146,216.354,115.25,215.25,115.25z M213.25,119.25v18.036l-4.574-5.553c-0.169-0.203-0.466-0.241-0.681-0.086
	l-5.321,3.884l-9.138-8.889c-0.105-0.103-0.253-0.147-0.396-0.14c-0.146,0.014-0.279,0.092-0.363,0.212l-7.027,10.052V119.25H213.25
	z M201.25,126.75c0-1.792,1.458-3.25,3.25-3.25s3.25,1.458,3.25,3.25s-1.458,3.25-3.25,3.25S201.25,128.542,201.25,126.75z"
    />
  </svg>
)

export const Upload = () => (
  <svg height="14px" viewBox="0 0 32 24">
    <g transform="translate(-466.000000, -1144.000000)" fill="#000000">
      <path
        d="M488.718,1157.61 C488.325,1158 487.688,1158 487.295,1157.61 L483,1153.34 L483,1162.99 C483,1163.54 482.553,1163.99 482,1163.99 C481.447,1163.99 481,1163.54 481,1162.99 L481,1153.37 L476.736,1157.61 C476.344,1158 475.707,1158 475.313,1157.61 C474.921,1157.22 474.921,1156.59 475.313,1156.19 L481.254,1150.28 C481.464,1150.07 481.741,1149.98 482.016,1150 C482.29,1149.98 482.568,1150.07 482.777,1150.28 L488.718,1156.19 C489.11,1156.59 489.11,1157.22 488.718,1157.61 L488.718,1157.61 Z M489.067,1149.03 C487.599,1146.05 484.543,1144 481,1144 C476.251,1144 472.37,1147.68 472.033,1152.34 C468.542,1153.34 466,1156.39 466,1160 C466,1164.26 469.54,1167.73 474,1167.98 L491,1168 C494.437,1166.51 498,1162.35 498,1158.5 C498,1153.45 494.049,1149.32 489.067,1149.03 L489.067,1149.03 Z"
        id="cloud-upload"
      ></path>
    </g>
  </svg>
)
